class ScorePanel {

    score = 0;
    level = 1;

    scoreEle: HTMLElement;
    levelEle: HTMLElement;

    maxLevel: number;
    upScore: number;

    constructor(maxLevel: number = 10, upScore: number = 8) {
        this.scoreEle = document.getElementById('score')!;
        this.levelEle = document.getElementById('level')!;
        this.maxLevel = maxLevel;
        this.upScore = upScore;

    }

    addScore() {

        this.scoreEle.innerHTML = ++this.score + '' ;
        if (this.score % this.upScore ===0){
            this.levelup();

        }
    }

    levelup() {
        if (this.level < this.maxLevel){
            this.levelEle.innerHTML = ++this.level + '' ;
        }

    }

}

export default ScorePanel;
